
// @import "comman.scss";
// 当前位置
.position{
	height:42px;
	background:#bfa163;
	.title{
		height:42px;
		line-height:42px;
		.now{
			color:#f3e0ba;
		}
		.info{
			color:#fff;
		}
	}
}
// 投资方式内容详情
.main{
	width:100%;
	background:url(../img/content_bg.png) repeat;
	padding-bottom:165px;
	// 左侧陈列
	.tabs{
		float:left;
		.tabs_top{
		   	width:240px;
			padding:15px 0 15px 0;
			margin-top:20px;
			background:#fff;
			.item{
				width:240px;
				height:335px;
				.list{
					width:100%;
					height:67px;
					.line{
						float:left;
						display:inline-block;
						width:4px;
						height:67px;
						background:#fff;
					}
					.types{
						float:left;
						width:220px;
						padding-left:16px;
						height:52px;
						padding-top:15px;
						cursor:pointer;
						.types_top{
							.left{
								font-size:16px;
								color:#333;

							}
							.right{
								font-size:16px;
								color:#da251d;
								font-family:Arial;
							}
						}
						.types_bottom{
							span{
								font-size:12px;
								color:#999;
							}
						}
					}
				}
				// 激活状态的
				.active{
					.types{
						background:#f4efe6;
					}
					.line{
						background:#af7535;
					}
				}
			}
		}
		.tabs_bottom{
			width:240px;
			margin-top:20px;
			a{
				display:block;
				width:239px;
				height:135px;
				margin-bottom:20px;
			}
		}
	}
	// 右侧展示
	.tabs_info{
		float:right;
		width:940px;
		margin:20px 0 0 20px;
		.info_top{
			width:890px;
			padding:30px 25px 30px 25px;
			background:#fff;
			height:97px;
			position:relative;
			dl{
				margin-bottom:8px;
				dt,dd{
					float:left;
				}
				dt{
					padding:3px 10px 3px 10px;
					span{
						font-size:14px;
						color:#666;
					}
				}
				dd{	
					padding:3px 10px 3px 10px;
					cursor:pointer;
					span{
						color:#333;
						font-size:14px;
						font-family:"微软雅黑";
					}
				}
				// 收起
				.in{
					float:right;
					position:absolute;
					right:20px;
					cursor:pointer;
					span{
						color:#af7533;
					}
				}
				//展开
				.out{
					float:right;
					position:absolute;
					right:20px;
					cursor:pointer;
					span{
						color:#af7533;
					}
				}
				// 激活的样式
				.active{
					background:#af7533;
					border-radius:5px;
					span{
						color:#fff;
					}
				}
			}

		}
		// 下部内容展示
		.info_bottom{
			width:890px;
			padding:30px 25px 30px 25px;
			background:#fff;
			margin-top:20px;
			// 主题内容
			.content{
		        position:relative;
		        margin-bottom:30px;
		       // margin-top:30px;
		         .content_left{
		             float:left;
		             .instruction{
		                 i{
		                     vertical-align:-15px;
		                     margin-left:-10px;
		                     background-position:-440px -40px;
		                     &.mouth1{
		                      background-position:-520px 0;
		                     }
		                     &.mouth2{
		                      background-position:-600px -40px;
		                     }
		                     &.mouth3{
		                      background-position:-680px 0;
		                     }
		                 }
		                 span{
		                     display:inline-block;
		                     line-height:42px;
		                     height:42px;
		                     text-indent:-10px;
		                 }
		             }
		             .instru1{
		                 li{
		                     float: left;
		                     margin-right: 85px;
		                     font-size:32px;
		                     font-weight:bold;
		                     &:nth-child(1){
		                      color:#af7533;
		                     }
		                     span{
		                        font-size:16px;
		                        color:#666;
		                        font-weight:normal;
		                     }
		                     .add{
		                        font-size:14px;
		                        color:#af7334;
		                        font-family:'Arial';
		                     }
		                 }
		             }
		             .instru2{
		                 li{
		                     float: left;
		                     margin-right:135px;
		                     font-size:12px;
		                     color:#666;
		                 }
		                 li:nth-child(2){
		                  margin-right:100px;
		                 }
		             } 
		         }
		         .content_right{
		             float:right;
		             position:absolute;
		             bottom:0;
		             right:0;
		             // 进度条
		             .progress{
		                 margin-top:18px;
		                 color:#666;
		                 span{
		                 	font-size:12px;
		                 }
		                .bg{
		                  display:inline-block;
		                  height:3px;
		                  width:100px;
		                  background:#ccc;
		                  position:relative;
		                  line-height:12px;
		                  .out{
		                    position:absolute;
		                    top:0;
		                    left:0;
		                    display:inline-block;
		                    background:#af7533;
		                    width:75px;
		                    height:3px;
		                  }
		                }
		             }
		             .btn{
		                color:#fff;
		                background:#af7533;
		                width:198px;
		                height:40px;
		                border-radius:5px;
		                text-align:center;
		                margin-top:15px;
		                cursor:pointer;
		                a{
		                  color:#fff;
		                  line-height:40px;
		                  font-size:16px;
		                }
		             }
		         }
		     }
		     // 分页内容
		     // 分页.......................
			.page{
				margin-top:50px;
				text-align:right;
				.M-box3{
					a{
							color:#333;
							display:inline-block;
							padding:10px 15px 10px 15px;
							border:1px solid #ccc;
							background:#f6f6f6;
							transition:all 0.2s;
							text-align:center;
					}
					.active{
							color:#fff;
							display:inline-block;
							padding:10px 15px 10px 15px;
							background:#af7533;
					}
					.jump-ipt{
							width:40px;
							height:38px;
							outline:0;
							text-align:center;
					}
				}
			}
		}
	}
}